<template>
  
  <view>
   
      <view v-for="item in 10" @click="gotoDetail(item)">
          <view class="box1">   
            <view class="pic">
              <image src="/static/images/c0.png" mode="widthFix"></image>
            </view>
            <view class="text">
              <view class="title">
                <view>广东省中山市烟草专卖局关于印发《中山市烟草专卖局（公司）全面绩效管理办法）》的通知</view>
                <view>中烟人【2022】32号</view>
                <view class="t1">
                    <view>发布日期：2022年11月11日</view>   
                    <view class="t11">现行</view>
                </view>
              </view>
            </view> 
          </view>
          <view class="line"></view> 
      </view>
      
  
  
  </view>
</template>

<script>
  export default {
    data() {
      return {
        
      };
    },
    onLoad() {
      
    },
    methods:{
      gotoDetail(id){
        uni.navigateTo({
          url:"/pages/listdetails2/listdetails2?id="+id
        })
      }
    }
  }
</script>

<style lang="scss">


.box1{
  

  margin: 30rpx;
  display: flex;
  flex-direction: row;
  // flex-wrap: nowrap;
  // justify-content: center;
    .pic{
      
      width: 150rpx;
      height: 150rpx;
   
      border-radius: 15px;
      background: rgba(255, 255, 255, 1);      
      border: 1px solid rgba(0, 186, 173, 1);      
      box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);
      image{
        padding: 10rpx;
        width: 120rpx;
        height: 120rpx;
      }
    }
    .text{
      padding-left: 20rpx;
      font-size: 12px;
      display: flex;
      
      flex-direction: column;
      font-weight: 400;
      .title{
        .t1{
          display: flex;
          justify-content: space-between;
          .t11{
            width: 80rpx;
            height: 60rpx;
            background-color: #FFFFFF;
            border: 1px solid rgba(0, 186, 173, 1);      
            font-size: 20px;
          }
        }
      }

      
    }
}

 .line{
      margin: 0 20rpx;
      width: 349px;
      height: 0px;
      opacity: 1;
      transform: rotate(0.16deg);
      border: 1px solid rgba(140, 140, 140, 1);
    }



</style>
